<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <include file="Public:googleTran"/>
    <title>成功案例</title>
    <link rel="icon" href="__PUBLIC__/Images/CF.png" type="icon" >
    <link href="__PUBLIC__/Css/header.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/Css/layout.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="__PUBLIC__/Js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" >
        $(function(){
            var n=$('.sel_ico ul li').length;
            for(var k=0;k<n;k++){

                if(k==0){
                    $('.show_Pic ul li').eq(k).css({zIndex:k+5,top:0});
                }else{
                    $('.show_Pic ul li').eq(k).css({zIndex:k+5,top:480});
                }
            }
            $('.sel_ico ul li').each(function(i){
                $(this).click(function(){
                    var z=$('.show_Pic ul li').eq(i).css('zIndex');
                    var p=$('.show_Pic ul li.atice').css('zIndex');
                    $('.sel_ico ul li.cur').removeClass();
                    $(this).addClass('cur');
                    if(z>p){
                        $('.show_Pic ul li.atice').stop().css({top:480});
                        $('.show_Pic ul li.atice').removeClass();
                        $('.show_Pic ul li').eq(i).addClass('atice');
                        $('.show_Pic ul li').eq(i).stop().animate({top:0});
                    }else{
                        $('.show_Pic ul li.atice').css({zIndex:z});
                        $('.show_Pic ul li').eq(i).css({zIndex:p});
                        $('.show_Pic ul li.atice').stop().css({top:480});
                        $('.show_Pic ul li.atice').removeClass();
                        $('.show_Pic ul li').eq(i).addClass('atice');
                        $('.show_Pic ul li').eq(i).stop().animate({top:0});
                    }
                });
            });
        })
    </script>
</head>

<body>
<div id="header">
    <include file="Public:t_hous"/>
    <include file="Public:menu" menuid="6"/>
</div>
<div id="position"><a href="__APP__">首页</a> > <a href="__URL__/index"> 成功案例</a> > {$list['casetitle']}</div>
<div id="banner"><div class="pic"><img alt="网络开发成功案例" src="__PUBLIC__/Case/news_974_90_01.jpg" /></div></div>

<div id="list">
    <div class="area">
        <div class="somShow">
            <div class="m1">
                <h2>员工软文</h2>
                <div class="box">
                    <volist name="centlist" id="vo">
                        <volist name="userList" id="userVO">
                            <if condition="$vo['author'] eq $userVO['id']">
                                <div class="item">
                                    <div class="userPic"><img alt="网络开发技术人员头像" src="__PUBLIC__/Uploads/faceimg/s_{$userVO['faceimg']}" /></div>
                                    <div class="info">
                                        <div class="title"><a href="__APP__/Staff/details/id/{$vo['id']}">{$vo['title']}</a></a></div>
                                        <div class="name">作者：<span>{$userVO['nickname']}</span></div>
                                        <div class="time">发布时间：{$vo['createtime'|date="Y-m-d",###]}</div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </if>
                        </volist>
                    </volist>
                </div>
            </div>
            <div class="m2">
                <h2>联系我们</h2>
                <div class="box">
                    <p>业务咨询：<a href="http://wpa.qq.com/msgrd?v=3&uin=2722302566&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2722302566:42" alt="点击这里给我发消息" title="点击这里给我发消息"></a></p>
                    <p>技术咨询：<a href="http://wpa.qq.com/msgrd?v=3&uin=2722302566&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2722302566:42" alt="点击这里给我发消息" title="点击这里给我发消息"></a></p>
                    <p>MSM联系：jouejoue@live.cn</p>
                </div>
            </div>
        </div>
        <div class="list">
			<h2><span>成功案例</span></h2>
            <div id="layout_Iframe">
				<div class="blackGrod">
					<div class="sel_ico">
						<ul>
							<volist name="imgList" id="img" key="i">
								<if condition="$i eq 1">
									<li class="cur">
										<span></span>
									</li>
									<else/>
									<li >
										<span></span>
									</li>
								</if>
				
							</volist>
						</ul>
					</div>
					<div class="show_Pic">
						<ul>
							<volist name="imgList" id="img">
								<li class="atice"><img style="width: 780px;height: 360px;" src="__PUBLIC__/Uploads/successcase/{$list['id']}/m_{$img['filename']}"></li>
							</volist>
						</ul>
					</div>
					<div class="proDuct">
						<h1>{$list['casetitle']}</h1>
						<div>
							{$list['casedes']}
						</div>
					</div>
				</div>
			</div>
        </div>

        <div class="clear"></div>
    </div>
    <div class="sharw"></div>
</div>



<include file="Public:footer" />
</body>
</html>